<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../node_modules/swiper/dist/css/swiper.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/supplier.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
    <title>云智片</title>
</head>


<body>

    <!-- logo 导航 -->
    <header id="header">
        <div class="container clearfix">
            <a href="/index" class="logo">
                <img src="../images/logo.png" alt="">
            </a>
            <ul class="category clearfix">
                <li>
                    <a href="/index">首页</a>
                </li>
                <li>
                    <a href="/user">用户</a>
                </li>
                <li>
                    <a href="/supplier" class="active">供应商</a>
                </li>
                <li>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            商家中心
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="http://47.104.27.232:81/#/group/groupList">商家登录</a>
                            </li>
                            <li>
                                <a href="http://47.104.27.232:81/#/supplier">商家入驻</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <img src="" alt="">
                    <a href="http://47.104.27.232:81">登录 </a>
                </li>
            </ul>
        </div>
    </header>
    <!-- banner -->
    <div class="banner">
        <div class="img_box">
            <img src="../images/0.png" alt="">
        </div>
        <div class="container">
            <div>
                <span class="banner_info"></span>
                <p>Make your major more focused</p>
            </div>
        </div>

    </div>
    <!-- 品牌优势 -->
    <div class="advantage">
        <div class="container">
            <div class="left">
                <h6>云智片的品牌优势</h6>
                <p>云智片为中国电影产业的创业融合提供一站式服务平台，开启互联网影视新制片时代！</p>
                <div class="img_box">
                    <img src="../images/brandadvantage.png" alt="">
                </div>
            </div>
            <ul class="right">
                <li>
                    <div class="right_img">
                        <img src="../images/supplier-brandadvantage-professionalservicesterrace-normalcondition.png" alt="">
                    </div>
                    <h6>专业服务平台</h6>
                    <p>针对制作环节中用户工作习惯及消费需求的变化与多样性，节省寻找的时间成本，进行精确供求信息匹配，深度触达不同的用户群</p>
                </li>
                <li>
                    <div class="right_img">
                        <img src="../images/supplier-brandadvantage-merchantgather-normalcondition.png" alt="">
                    </div>
                    <h6>专业服务平台</h6>
                    <p>汇聚行业力量，共同建立服务品牌，提升行业价值感，协同行业升级发展，为用户提供更优质的产品与服务</p>
                </li>
                <li>
                    <div class="right_img">
                        <img src="../images/supplier-brandadvantage-in-housetransaction-normalcondition.png" alt="">
                    </div>
                    <h6>专业服务平台</h6>
                    <p>汇聚行业力量，共同建立服务品牌，提升行业价值感，协同行业升级发展，为用户提供更优质的产品与服务</p>
                </li>
            </ul>
        </div>

    </div>
    <!-- 成为供应商的优点 -->
    <div class="become_merit">
        <div class="container">
            <p>成为供应商的优点</p>
            <ul class="clearfix">
                <li>
                    <div class="img_box">
                        <img src="../images/suppliersadvantage-one.png" alt="">
                    </div>
                    <h6>订单增加</h6>
                    <p>我们在每个城市都有大量用户、接单不愁</p>
                </li>
                <li>
                    <div class="img_box">
                        <img src="../images/suppliersadvantage-two.png" alt="">
                    </div>
                    <h6>收益最大</h6>
                    <p>在使用应用过程中，每次交易都有记录可查</p>
                </li>
                <li>
                    <div class="img_box">
                        <img src="../images/suppliersadvantage-three.png" alt="">
                    </div>
                    <h6>信任可靠</h6>
                    <p>在使用应用过程中，每次交易都有记录可查</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 如何成为供应商 -->
    <div class="becomeSupplier">
        <div class="container">
            <p>如何成为供应商</p>
            <ul class="clearfix ul">
                <li>
                    <div class="img_box">
                        <img src="../images/supplier-becomesuppliers-download-normalcondition.png" alt="">
                    </div>
                    <h6>下载APP</h6>
                    <p>我们支持安卓和苹果两大系统平台下载请赶紧通过手机下载并注册吧！</p>

                </li>
                <li>
                    <div class="img_box">
                        <img src="../images/supplier-becomesuppliers-chfp-normalcondition.png" alt="">
                    </div>
                    <h6>资格认证</h6>
                    <p>请提供手机号、身份证、人证合照、银行卡等个人信息，并耐心等待审核！</p>
                </li>
                <li>
                    <div class="img_box">
                        <img src="../images/supplier-becomesuppliers-servicesettings-normalcondition.png" alt="">
                    </div>
                    <h6>服务设置</h6>
                    <p>认证 信息通过后您可在app添加您所能提供的服务并设置当期信息，来赚取收益！</p>
                </li>
                <li>
                    <div class="img_box">
                        <img src="../images/supplier-becomesuppliers-waitorder-normalcondition.png" alt="">
                    </div>
                    <h6>坐等来单</h6>
                    <p>现在等待平台的派单即可，如长时间没订单，您可看看自己的服务信息有错误没？</p>
                </li>
            </ul>
            <ul class="info">
                <li class="clearfix">
                    <p>35+</p>
                    <p>5000+</p>
                    <p>2000+</p>
                    <p>200+</p>
                </li>
                <li class="clearfix">

                    <i>团队</i>
                    <i>设备</i>
                    <i>人力</i>
                    <i>场地</i>
                </li>

            </ul>

        </div>
    </div>
    <!-- 坐标 -->
    <div class="coordinate">
        <div class="img_box">
            <img src="../images//feature-map.png" alt="">
        </div>
        <div>
            <div class="container">
                <ul class="">
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../images/feature-companyphone.png" alt="">
                        </a>
                        <div>
                            <p>公司咨询热线：</p>
                            <p>010-1234567</p>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../images/feature-add.png" alt="">
                        </a>
                        <div>
                            <p>公司咨询热线：</p>
                            <p>北京海淀中关村</p>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../images/feature-e-mailaddress.png" alt="">
                        </a>
                        <div>
                            <p>公司邮箱地址</p>
                            <p>joinhr@aiyzp.com</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="container clearfix">
            <div class="catalog f_left">
                <!-- <ul class="clearfix">
                    <li>关于云智片</li>
                    <li>开城计划</li>
                    <li>平台特色</li>
                    <li>项目案例</li>
                    <li>达人说说</li>
                    <li>合作伙伴</li>
                </ul> -->
                <p>关于云智片|开城计划|平台特色|项目案例|达人说说|合作伙伴</p>
                <p> Copyright &copy;2018烈日影视有限公司版权所有 网站备案：京ICP备18024142号-1</p>

            </div>
            <div class="download f_right">
                <ul class="f_left box">
                    <li id='andr'>
                        <img src="../images/androiddownloadicon.png" alt="">Android版下载
                    </li>
                    <li id='ios'>
                        <img src="../images/iosdownloadicon.png" alt="">IOS版下载
                    </li>
                </ul>
                <!-- <div class="download_img f_right"></div> -->
                <ul class="download_img f_right">
                    <li>
                        <img src="../images/talk-two.png" alt="">
                    </li>
                    <li class="hide">
                        <img src="../images/talk-one.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </footer>





    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../js/supplier.js"></script>
</body>


</html>